<template>
  <!-- footer -->
      <nav class="bar bar-tab bar-footer">
        <a v-bind:class="['tab-item',$route.name=='Index' ?'active':'']"   v-link="{path:'/Index'}">
          <span :class="['icon',$route.name=='Index' ?'icon-ichome2':'icon-ichome1']"></span>
          <span class="tab-label">首页</span>
        </a>
        <a class="tab-item" v-link="{path:'/Products',activeClass: 'active'}">
          <span :class="['icon',$route.name=='Products' ?'icon-icmoney2':'icon-icmoney1']"></span>
          <span class="tab-label">发现</span>
        </a>
        <a class="tab-item" v-link="{path:'/Favorite',activeClass: 'active'}">
          <span :class="['icon',$route.name=='Favorite' ?'icon-icstar2':'icon-icstar1']"></span>
          <span class="tab-label">收藏</span>
        </a>
        <a class="tab-item" v-link="{path:'/User',activeClass: 'active'}">
          <span :class="['icon',$route.name=='User' ?'icon-icme2':'icon-icme1']"></span>
          <span class="tab-label">我的</span>
        </a>
      </nav>
</template>
<script>
    export default {
        replace:true,
        props: []
    }
</script>
